<template>
    <div id="diancar">
        <div class="box">
            <p class="car-text">墨泥电动车模拟必须要以项目的形式合作开展，车、投影等由客户自行提供，墨泥提供技术支持。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/1.jpg" alt="">
            </div>

            <p class="car-text">电动汽车模拟展厅图。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/2.jpg" alt="">
            </div>

            <p class="car-text">电动车模拟效果图。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/3.jpg" alt="">
            </div>

            <p class="car-text">电动车模拟效果图。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/4.jpg" alt="">
            </div>

            <p class="car-text">电动车模拟室内图。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/5.jpg" alt="">
            </div>

            <p class="car-text">电动车模拟侧面图。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/6.jpg" alt="">
            </div>

            <p class="car-text">电动车模拟屏幕投影效果图。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/7.jpg" alt="">
            </div>

            <p class="car-text">电动车模拟仪表效果图。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/8.jpg" alt="">
            </div>

            <p class="car-text">电动车模拟效果图。</p>
            <div class="car-img">
                <img src="../assets/image/index/diandongche/9.jpg" alt="">
            </div>
        </div>

        <!-- footer -->
        <div class="footer-bg">
        <div class="Footer">
        <ul>
            <a href="http://www.beep.cn/" target="_blank"><li>必普网</li></a>
            <a href="http://www.moni.cn/" target="_blank"><li>汽车模拟器</li></a>
            <a href="http://www.moni.cn/" target="_blank"><li>墨泥网</li></a>
            <a href="http://www.moni.cn/" target="_blank"><li>模拟驾驶</li></a>
        </ul>
        <div>备案号：赣ICP备14004824号-1</div>
      </div>
    </div>

    </div>
</template>

<script>
export default {
    name:"Diancar"
}
</script>

<style scoped>
#diancar{
    width: 100%;
}
.box{
    width: 100%;
    background: url("../assets/image/details/indexbgtext.jpg");
    background-size:cover;
    background-repeat:repeat;
    padding:2rem 0;
}
.car-text{
    width: 50%;
    margin: 0 auto;
    font-size: 1rem;
}
.car-img{
    width: 50%;
    margin: 0 auto;
    margin-bottom: 2rem;
}
.car-img img{
    width: 100%;
}

/* footer */
.footer-bg{
  position: relative;
  height: 5rem;
  background: url("../assets/image/report/footer.png");
  background-size: cover;
}
.Footer{
  position: absolute;
  bottom: 0;
    width: 100%;
    font-size: 0.8rem;
    text-align: center;
    padding-bottom: 1rem;
    /* border-top: 1px solid black; */
    color: black;
}
.Footer ul li{
    list-style: none;
    float: left;
    padding: 0.5rem;
}
.Footer ul{
   display: inline-block;
}
.Footer a{
    text-decoration: none;
    color: black;
}
</style>